home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2009 June / PersonalComputerWorld-June2009-CoverdiscCD.iso / Software / Freeware / Firebug 1.3.3 / firebug-1.3.3-fx.xpi / skin / classic / debugger.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2008-08-22  |  6.3 KB  |  305 lines
  1. /* See license.txt for terms of usage */
  2.  
  3. .panelNode-script {
  4.     overflow: hidden;
  5.     font-family: Monaco, monospace;
  6. }
  7.  
  8. /************************************************************************************************/
  9.  
  10. .scriptTooltip {
  11.     position: fixed;
  12.     z-index: 2147483647;
  13.     padding: 2px 3px;
  14.     border: 1px solid #CBE087;
  15.     background: LightYellow;
  16.     font-family: Monaco, monospace;
  17.     color: #000000;
  18. }
  19.  
  20. /************************************************************************************************/
  21.  
  22. .sourceBox {
  23.     overflow: auto;
  24.     position: absolute;
  25.     left: 0;
  26.     top: 0;
  27.     width: 100%;
  28.     height: 100%;
  29. }
  30.  
  31. .sourceRow {
  32.     white-space: nowrap;
  33. }
  34.  
  35. .sourceRow.hovered {
  36.     background-color: #EEEEEE;
  37. }
  38.  
  39. /************************************************************************************************/
  40.  
  41. .sourceLine {
  42.     -moz-user-select: none;
  43.     margin-right: 10px;
  44.     border-bottom: 1px solid #EEEEEE;
  45.     border-right: 1px solid #CCCCCC;
  46.     padding: 0px 4px 0 20px;
  47.     background: #EEEEEE no-repeat 2px 0px;
  48.     color: #888888;
  49.     white-space: pre;
  50. }
  51.  
  52. .sourceBox > .sourceRow > .sourceLine {
  53.     cursor: pointer;
  54. }
  55.  
  56. .sourceLine:hover {
  57.     text-decoration: none;
  58. }
  59.  
  60. .sourceRowText {
  61.     white-space: pre;
  62. }
  63.  
  64. .sourceRow[exeLine="true"] {
  65.     outline: 1px solid #D9D9B6;
  66.     margin-right: 1px;
  67.     background-color: lightgoldenrodyellow;
  68. }
  69.  
  70. .sourceRow[executable="true"] > .sourceLine {
  71.     content: "-";
  72.     color: #4AA02C;  /* Spring Green */
  73.     font-weight: bold;
  74. }
  75.  
  76. .sourceRow[exeLine="true"] > .sourceLine {
  77.     background-image: url(chrome://firebug/skin/exe.png);
  78.     color: #000000;
  79. }
  80.  
  81. .sourceRow[breakpoint="true"] > .sourceLine {
  82.     background-image: url(chrome://firebug/skin/breakpoint.png);
  83. }
  84.  
  85. .sourceRow[breakpoint="true"][condition="true"] > .sourceLine {
  86.     background-image: url(chrome://firebug/skin/breakpointCondition.png);
  87. }
  88.  
  89. .sourceRow[breakpoint="true"][disabledBreakpoint="true"] > .sourceLine {
  90.     background-image: url(chrome://firebug/skin/breakpointDisabled.png);
  91. }
  92.  
  93. .sourceRow[breakpoint="true"][exeLine="true"] > .sourceLine {
  94.     background-image: url(chrome://firebug/skin/breakpointExe.png);
  95. }
  96.  
  97. .sourceRow[breakpoint="true"][exeLine="true"][disabledBreakpoint="true"] > .sourceLine {
  98.     background-image: url(chrome://firebug/skin/breakpointDisabledExe.png);
  99. }
  100.  
  101. .sourceLine.editing {
  102.     background-image: url(chrome://firebug/skin/breakpoint.png);
  103. }
  104.  
  105. /************************************************************************************************/
  106.  
  107. .conditionEditor {
  108.     z-index: 2147483647;
  109.     position: absolute;
  110.     margin-top: 0;
  111.     left: 2px;
  112.     width: 90%;
  113. }
  114.  
  115. .conditionEditorInner {
  116.     position: relative;
  117.     top: -26px;
  118.     height: 0;
  119. }
  120.  
  121. .conditionCaption {
  122.     margin-bottom: 2px;
  123.     font-family: Lucida Grande, sans-serif;
  124.     font-weight: bold;
  125.     font-size: 11px;
  126.     color: #226679;
  127. }
  128.  
  129. .conditionInput {
  130.     width: 100%;
  131.     border: 1px solid #0096C0;
  132.     font-family: Monaco, monospace;
  133.     font-size: inherit;
  134. }
  135.  
  136. .conditionEditorInner1 {
  137.     padding-left: 37px;
  138.     background: url(condBorders.png) repeat-y;
  139. }
  140.  
  141. .conditionEditorInner2 {
  142.     padding-right: 25px;
  143.     background: url(condBorders.png) repeat-y 100% 0;
  144. }
  145.  
  146. .conditionEditorTop1 {
  147.     background: url(condCorners.png) no-repeat 100% 0;
  148.     margin-left: 37px;
  149.     height: 35px;
  150. }
  151.  
  152. .conditionEditorTop2 {
  153.     position: relative;
  154.     left: -37px;
  155.     width: 37px;
  156.     height: 35px;
  157.     background: url(condCorners.png) no-repeat;
  158. }
  159.  
  160. .conditionEditorBottom1 {
  161.     background: url(condCorners.png) no-repeat 100% 100%;
  162.     margin-left: 37px;
  163.     height: 33px;
  164. }
  165.  
  166. .conditionEditorBottom2 {
  167.     position: relative;    left: -37px;
  168.     width: 37px;
  169.     height: 33px;
  170.     background: url(condCorners.png) no-repeat 0 100%;
  171. }
  172.  
  173. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  174.  
  175. .upsideDown {
  176.     margin-top: 2px;
  177. }
  178.  
  179. .upsideDown .conditionEditorInner {
  180.     top: -8px;
  181. }
  182.  
  183. .upsideDown .conditionEditorInner1 {
  184.     padding-left: 33px;
  185.     background: url(condBordersUps.png) repeat-y;
  186. }
  187.  
  188. .upsideDown .conditionEditorInner2 {
  189.     padding-right: 25px;
  190.     background: url(condBordersUps.png) repeat-y 100% 0;
  191. }
  192.  
  193. .upsideDown .conditionEditorTop1 {
  194.     background: url(condCornersUps.png) no-repeat 100% 0;
  195.     margin-left: 33px;
  196.     height: 25px;
  197. }
  198.  
  199. .upsideDown .conditionEditorTop2 {
  200.     position: relative;
  201.     left: -33px;
  202.     width: 33px;
  203.     height: 25px;
  204.     background: url(condCornersUps.png) no-repeat;
  205. }
  206.  
  207. .upsideDown .conditionEditorBottom1 {
  208.     background: url(condCornersUps.png) no-repeat 100% 100%;
  209.     margin-left: 33px;
  210.     height: 43px;
  211. }
  212.  
  213. .upsideDown .conditionEditorBottom2 {
  214.     position: relative;
  215.     left: -33px;
  216.     width: 33px;
  217.     height: 43px;
  218.     background: url(condCornersUps.png) no-repeat 0 100%;
  219. }
  220.  
  221. /************************************************************************************************/
  222.  
  223. .breakpointBlockHead {
  224.     position: relative;
  225.     padding-top: 4px;
  226. }
  227.  
  228. .breakpointBlockHead > .checkbox {
  229.     margin-right: 4px;
  230. }
  231.  
  232. .breakpointBlockHead > .objectLink-sourceLink {
  233.     top: 2px;
  234.     right: 20px;
  235. }
  236.  
  237. .breakpointBlockHead > .closeButton {
  238.     position: absolute;
  239.     top: 2px;
  240.     right: 2px;
  241. }
  242.  
  243. .breakpointCheckbox {
  244.     margin-top: 0;
  245.     vertical-align: top;
  246. }
  247.  
  248. .breakpointName {
  249.     margin-left: 4px;
  250.     font-weight: bold;
  251. }
  252.  
  253. .breakpointCode {
  254.     overflow: hidden;
  255.     white-space: nowrap;
  256.     padding-left: 24px;
  257.     padding-bottom: 2px;
  258.     border-bottom: 1px solid #D7D7D7;
  259.     font-family: Monaco, monospace;
  260.     color: DarkGreen;
  261. }
  262.  
  263. .breakpointBlock-breakpoints > .groupHeader {
  264.     display: none;
  265. }
  266.  
  267. .breakpointBlock-monitors > .breakpointCode {
  268.     padding: 0;
  269. }
  270.  
  271. .breakpointBlock-errorBreakpoints .breakpointCheckbox,
  272. .breakpointBlock-monitors .breakpointCheckbox {
  273.     display: none;
  274. }
  275.  
  276. .breakpointHeader {
  277.     margin: 0 !important;
  278.     border-top: none !important;
  279. }
  280.  
  281.  
  282. /* ************************************************************************** */
  283. .panelNode-callstack  .objectLink-sourceLink {
  284.     display: none;
  285. }
  286.  
  287. .panelNode-callstack {
  288.     margin-left: 4px;
  289.     overflow: auto;
  290. }
  291. /* This objectLink-stackFrame should be consistent with panelStatusLabel so the call stack looks the same in toolbar and panel */
  292. .objectLink-stackFrame {
  293.     cursor: pointer;
  294.     margin: 0;
  295.     padding: 0 4px;
  296. }
  297.  
  298. .objectLink-stackFrame:hover {
  299.     color: blue;
  300. }
  301.  
  302. .objectLink-stackFrame[selected="true"] {
  303.     font-weight: bold;
  304. }
  305.